<template>
  <!-- template里只能有一个根标签 -->
  <div>
    <h1>{{ msg }}</h1>
    <h2>{{ obj }}</h2>
    <h3>{{ obj.name }}</h3>
    <h4>{{ obj.age >= 18 ? '已成年' : '未成年' }}</h4>
  </div>
</template>

<script>
export default {
  // 🎉 VueHelper插件会自动补全 data 结构
  data() {
    return {
      // data 结构放 template 所需的数据
      msg: "Hello 大家好",
      obj: {
        name: "小Vue2",
        age: 7,
      },
    };
  },
};
</script>

<style>
</style>